<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>反色</title>
    <link rel="stylesheet" href="./index.css">
    <script src="./index.js"></script>
</head>

<body>
    <div class="container">
        <div class="left">
            <p>黑</p>
            <p>&</p>
            <p>白</p>
        </div>
        <div class="right">
            Lorem ipsum, dolor sit amet consectetur adipisicing elit. Laboriosam asperiores eos molestias reiciendis
            maiores! Beatae ea, saepe consequuntur, maiores deleniti molestiae reprehenderit excepturi minus mollitia
            earum nam voluptas! Error, dolores repellat quas, quibusdam assumenda animi dolorem numquam placeat culpa,
            aperiam expedita vero dolore eos autem? Numquam, necessitatibus quis! Cum quas deleniti vitae repellat
            aperiam accusantium exercitationem incidunt non esse, distinctio molestiae, quidem blanditiis odio nemo
            dolorum? Ab consequatur magnam, dicta quaerat assumenda porro provident cupiditate, est voluptatum
            distinctio odit sequi.
        </div>
        <div class="pointer"></div>
    </div>
</body>

</html>